<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 、小米10 Pro、小米MIX Alpha，Redmi 红米系列Redmi Note 9、Redmi K30，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持。">
  <meta name="keywords" content="小米,redmi,小米11,Redmi Note 9,小米MIX Alpha,小米商城">
  <title>小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站 </title>
  <link rel="shortcut icon" href="mi.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>
  <!-- 快捷导航 -->
    <div class="shortcut">
      <div class="wrapper">
        <div class="left">
          <ul> 
            <li>
              <a href="">小米商城</a>
            </li>
            <li>
              <a href="">MIUI</a>
            </li>
            <li>
              <a href="">IOT</a>
            </li>
            <li>
              <a href="">云服务</a>
            </li>
            <li>
              <a href="">天星数科</a>
            </li>
            <li>
              <a href="">有品</a>
            </li>
            <li>
              <a href="">小爱开放平台</a>
            </li>
            <li>
              <a href="">企业团购</a>
            </li>
            <li>
              <a href="">资质证照</a>
            </li>
            <li>
              <a href="">协议规则</a>
            </li>
            <li>
              <a href="">下载APP</a>
            </li>
            <li>
              <a href="">智能生活</a>
            </li>
        </div>
        <div class="right">
        <ul> 
        <li><a href="">登录</a></li>
        <li><a href="">注册</a></li>
        <li><a href="">消息通知</a></li>
        <li><a href="">
          <span class="iconfont icon-icon-test"></span>
          购物车
          <span class="cart">(0)</span>
        </a>
      </li>
      </ul> 
      </div>
      </div>
    </div>
  <!-- 头部 --> 
  <div class="header wrapper">
    <!-- logo -->
    <div class="logo">
      <h1><a href="">xiaomilogo</a></h1>
    </div>
    <!-- 导航 -->  
    <div class="nav">
      <ul>
        <li>
          <span id="Xiaomi手机">Xiaomi手机</span>
        </li>
        <li>
          <span id="Redmi手机">Redmi手机</span>
        </li>
        <li>
          <span id="TV">电视</span>
        </li>
        <li>
          <span id="notebook">笔记本</span>
        </li>
        <li>
          <span id="iPad">平板</span>
        </li>
        <li>
          <span id="appliance">家电</span>
        </li> 
        <li>
          <span id="vue">路由器</span>
        </li>
        <li>
          <span>服务中心</span>
        </li>
        <li>
          <span>社区</span>
        </li>
      </ul>
    </div>
   
      <!-- 搜索 -->
    <div class="search wrapper">
      <input type="text" placeholder="洗衣机" class="searchicon">
      <span class="iconfont icon-icon-test2"></span>
    </div>
  </div>
  <!-- xiaomi手机li包含的孩子 -->
  <div class="container" id="Xiaomi手机-nav">
    <ul class="test1">
      <li>
        <a href="">
          <img src="./uploads/82.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi Civi 2</p>
            <p class="price">2399元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/83.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi MIX Fold 2</p>
            <p class="price">8999元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/84.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi 12S Ultra</p>
            <p class="price">5999元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/85.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi 12S Pro</p>
            <p class="price">4699元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/86.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi 12S</p>
            <p class="price">3999元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/87.png" alt="">
          <div class="text">
            <p class="li-title">Xiaomi 12 Pro 天玑版</p>
            <p class="price">3999元起</p>
          </div>
        </a>
      </li>
    </ul>
  </div>
    
  <!-- redmi手机内容 -->
  <div class="container" id="Redmi手机-nav">
    <ul class="test1">
      <li>
        <a href="">
          <img src="./uploads/88.png" alt="">
          <div class="text">
            <p class="li-title">Redmi Note 12 5G</p>
            <p class="price">1199元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/89.png" alt="">
          <div class="text">
            <p class="li-title">Redmi Note 12 Pro</p>
            <p class="price">1699元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/90.png" alt="">
          <div class="text">
            <p class="li-title">Redmi Note 12 Pro+</p>
            <p class="price">2199元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/91.png" alt="">
          <div class="text">
            <p class="li-title">Redmi K50 至尊版</p>
            <p class="price">2999元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/92.png" alt="">
          <div class="text">
            <p class="li-title">Redmi Note 11T Pro+</p>
            <p class="price">2099元起</p>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/93.png" alt="">
          <div class="text">
            <p class="li-title">Redmi Note 11T Pro</p>
            <p class="price">1799元起</p>
          </div>
        </a>
      </li>
    </ul>
  </div>
  
<!-- 电视 -->
<div class="container" id="TV-nav">
  <ul class="test1">
    <li>
      <a href="">
        <img src="./uploads/94.png" alt="">
        <div class="text">
          <p class="li-title">Redmi智能电视X55 2022</p>
          <p class="price">2999元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/95.png" alt="">
        <div class="text">
          <p class="li-title">Redmi智能电视X65 2022</p>
          <p class="price">3999元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/96.png" alt="">
        <div class="text">
          <p class="li-title">小米电视6 65”  OLED</p>
          <p class="price">6999元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/97.png" alt="">
        <div class="text">
          <p class="li-title">小米电视 大师  77”  OLED</p>
          <p class="price">19999元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/98.jpg" alt="">
        <div class="text">
          <p class="li-title">小米透明电视</p>
          <p class="price">49999元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/99.png" alt="">
        <div class="text">
          <p class="li-title">小米电视 大师 65英寸OLED</p>
          <p class="price">9999元</p>
        </div>
      </a>
    </li>
  </ul>
</div>
 
 
<!-- 笔记本 -->
<div class="container" id="notebook-nav">
  <ul class="test1">
    <li>
      <a href="">
        <img src="./uploads/100.png" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Book Air 13</p>
          <p class="price">5999元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/101.png" alt="">
        <div class="text">
          <p class="li-title">Redmi G 游戏本 锐龙版 R5</p>
          <p class="price">7299元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/101.png" alt="">
        <div class="text">
          <p class="li-title">Redmi G Pro 游戏本 2022</p>
          <p class="price">8999元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/102.png" alt="">
        <div class="text">
          <p class="li-title">Redmi G Pro 游戏本 锐龙版 R7 </p>
          <p class="price">8799元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/104.png" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Book Pro 14 锐龙版</p>
          <p class="price">6399元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/105.png" alt="">
        <div class="text">
          <p class="li-title">Redmi G 游戏本 2022</p>
          <p class="price">7499元起</p>
        </div>
      </a>
    </li>
  </ul>
</div>
   
<!-- 平板 -->
<div class="container" id="iPad-nav">
  <ul class="test1">
    <li>
      <a href="">
        <img src="./uploads/107.jpg" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Civi 2</p>
          <p class="price">2399元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/108.jpeg" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Civi 2</p>
          <p class="price">2399元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/109.gif" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Civi 2</p>
          <p class="price">2399元起</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/110.png" alt="">
        <div class="text">
          <p class="li-title">Xiaomi Civi 2</p>
          <p class="price">2399元起</p>
        </div>
      </a>
    </li>
    
   
  </ul>
</div>
 
<!-- 家电 -->
<div class="container" id="appliance-nav">
  <ul class="test1">
    <li>
      <a href="">
        <img src="./uploads/111.png" alt="">
        <div class="text">
          <p class="li-title">新风空调 立式3匹</p>
          <p class="price">7299元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/112.png" alt="">
        <div class="text">
          <p class="li-title">米家扫拖机器人1T</p>
          <p class="price">7299元</p>
        </div>
      </a>
    </li>  
  </ul>
</div>
 
 
<!-- 路由 -->
<div class="container" id="vue-nav">
  <ul class="test1">
    <li>
      <a href="">
        <img src="./uploads/113.png" alt="">
        <div class="text">
          <p class="li-title">Redmi 电竞路由器 AX5400</p>
          <p class="price">599元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/114.png" alt="">
        <div class="text">
          <p class="li-title">小米路由器AX6000</p>
          <p class="price">549元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/115.png" alt="">
        <div class="text">
          <p class="li-title">小米路由器AX9000</p>
          <p class="price">1299元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/116.png" alt="">
        <div class="text">
          <p class="li-title">Xiaomi HomeWiFi 三频 Mesh 路由器</p>
          <p class="price">1499元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/117.jpg" alt="">
        <div class="text">
          <p class="li-title">小米路由器4A 千兆版</p>
          <p class="price">129元</p>
        </div>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/118.png" alt="">
        <div class="text">
          <p class="li-title">查看全部</p>
          <p class="price">小米路由器</p>
        </div>
      </a>
    </li>
  </ul>
</div>
 


  <!-- banner -->
  <div class="banner">
    <div class="wrapper">
      
      <div id="c-img1"></div>
    <!-- 侧边栏 -->
    <div class="subnav ">
      <ul>
        <li  id="phone-show">
          <a href="#">手机 
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="TV-show">
          <a href="">电视
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="app-show">
          <a href="">家电
           
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="note-ipad">
          <a href="">笔记本 平板
           
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="out-wear">
          <a href="">出行 穿戴
            
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="box">
          <a href="">耳机 音箱
           
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="health-child">
          <a href="">健康 儿童
            
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="life-bag">
          <a href="">生活 箱包
           
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="AI-Vue">
          <a href="">智能 路由器
           
          </a> 
          <span class="iconfont icon-icon-test8"></span>
        </li>
        <li id="power">
          <a href="">电源 配件
           
          </a>
          <span class="iconfont icon-icon-test8"></span>
        </li>
      </ul>
    </div>
    <!-- 上一张下一张 -->
    <div id="button-prev" class="button"></div>
    <div id="button-next" class="button"></div>
    <div id="circle-nav">
      <div class="circle big">
        <div id="a-00" class="circle small"></div>
      </div>
      <div class="circle big">
        <div id="a-01" class="circle small"></div>
      </div>
      <div class="circle big">
        <div id="a-02" class="circle small"></div>
      </div>
      <div class="circle big">
        <div id="a-03" class="circle small"></div>
      </div>
    </div>
   
 
    <!--手机body -->
    <div class="phone-list" id="phone-body">
      <ul>
        <li>
          <a href="">
        
            <img src="./uploads/119.png" alt="">
            <span class="li-title">Redmi Note 12 Pro+</span>
        
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/131.png" alt="">
            <span class="li-title">Redmi Note 12 Pro</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/132.png" alt="">
            <span class="li-title">Redmi Note 12 5G</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/133.png" alt="">
            <span class="li-title">Redmi Note 12 Pro+</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/134.png" alt="">
            <span class="li-title">Xiaomi 12S Pro</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/135.png" alt="">
            <span class="li-title">Xiaomi 12S</span>
          </a>
        </li>
      </ul>
      <ul>
        <li>
          <a href="">
        
            <img src="./uploads/136.png" alt="">
            <span class="li-title">Xiaomi Civi 2</span>
        
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/137.png" alt="">
            <span class="li-title">Xiaomi MIX Fold 2</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/138.png" alt="">
            <span class="li-title">Redmi K50 至尊版S</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/139.png" alt="">
            <span class="li-title">Xiaomi 12S Ultra</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/140.png" alt="">
            <span class="li-title">Xiaomi 12 Pro 天玑版</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/141.png" alt="">
            <span class="li-title">Note 11T Pro+</span>
          </a>
        </li>
      </ul>
      <ul>
        <li>
          <a href="">
        
            <img src="./uploads/142.png" alt="">
            <span class="li-title">Note 11T Pro</span>
        
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/143.png" alt="">
            <span class="li-title">Xiaomi Civi 1S</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/144.png" alt="">
            <span class="li-title">黑鲨5 Pro</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/145.png" alt="">
            <span class="li-title">Redmi 10A</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/146.png" alt="">
            <span class="li-title">Redmi K50</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/147.png" alt="">
            <span class="li-title">Redmi K50 电竞版</span>
          </a>
        </li>
      </ul>
      <ul>
        <li>
          <a href="">
        
            <img src="./uploads/148.png" alt="">
            <span class="li-title">Xiaomi 12 Pro</span>
        
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/149.png" alt="">
            <span class="li-title">Xiaomi 12</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/150.png" alt="">
            <span class="li-title">Xiaomi 11 青春活力版</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/151.png" alt="">
            <span class="li-title">Note 11 Pro 系列</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/152.png" alt="">
            <span class="li-title">Note 11 4G</span>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./uploads/153.png" alt="">
            <span class="li-title">Xiaomi Civi</span>
          </a>
        </li>
      </ul>
    </div>
   

   <!--电视-->
   <div class="phone-list" id="TV-body">
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/154.png" alt="">
          <span class="li-title">Redmi X65 2022款</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/155.png" alt="">
          <span class="li-title">小米拍拍4K高清投屏器</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/156.png" alt="">
          <span class="li-title">Redmi X55 2022款</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/157.png" alt="">
          <span class="li-title">小米电视6 55”  OLED</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/158.png" alt="">
          <span class="li-title">小米电视6 65”  OLED</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/159.png" alt="">
          <span class="li-title">小米电视 大师  77”  OLED</span>
        </a>
      </li>
    </ul>
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/160.png" alt="">
          <span class="li-title">小米电视6 至尊版 55英寸</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/161.png" alt="">
          <span class="li-title">小米电视6 至尊版 65英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/162.png" alt="">
          <span class="li-title">小米电视6 至尊版 75英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/163.png" alt="">
          <span class="li-title">小米电视 ES43 2022款</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/164.png" alt="">
          <span class="li-title">小米电视 ES55 2022款</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/165.png" alt="">
          <span class="li-title">小米电视 ES65 2022款</span>
        </a>
      </li>
    </ul>
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/177.png" alt="">
          <span class="li-title">小米电视 ES75 2022款</span>
      
        </a>
      </li>
      <li>
        <a href="">
      
          <img src="./uploads/166.png" alt="">
          <span class="li-title">金属全面屏电视</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/167.png" alt="">
          <span class="li-title">大师电视 65英寸 OLED</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/168.png" alt="">
          <span class="li-title">小米电视4A 60英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/169.png" alt="">
          <span class="li-title">Redmi 智能电视 X55</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/170.jpg" alt="">
          <span class="li-title">小米全面屏电视</span>
        </a>
      </li>
    
    </ul>
    <ul>
      <li>
        <a href="">
          <img src="./uploads/171.png" alt="">
          <span class="li-title">米家激光投影仪</span>
        </a>
      </li>
      <li>
        <a href="">
      
          <img src="./uploads/172.jpg" alt="">
          <span class="li-title">Redmi 智能电视 MAX 98"</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/173.png" alt="">
          <span class="li-title">小米电视5 75英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/174.png" alt="">
          <span class="li-title">小米电视4A 70英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/175.png" alt="">
          <span class="li-title">小米电视4S 75英寸</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/176.png" alt="">
          <span class="li-title">激光投影电视</span>
        </a>
      </li>
    
    </ul>
  </div>
 
<!--家电-->
   
<div class="phone-list" id="app-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/178.png" alt="">
        <span class="li-title">壁挂空调</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/179.png" alt="">
        <span class="li-title">立式空调</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/180.png" alt="">
        <span class="li-title">冰箱</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/181.png" alt="">
        <span class="li-title">滚筒洗衣机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/182.png" alt="">
        <span class="li-title">波轮洗衣机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/183.jpg" alt="">
        <span class="li-title">米家石墨烯折叠踢 </span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/184.jpg" alt="">
        <span class="li-title">米家石墨烯踢脚线电暖仿真火焰版</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/185.jpg" alt="">
        <span class="li-title">电暖器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/186.jpg" alt="">
        <span class="li-title">净水器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/187.jpg" alt="">
        <span class="li-title">微蒸烤</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/188.gif" alt="">
        <span class="li-title">烟灶</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/189.png" alt="">
        <span class="li-title">洗碗机</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/190.jpg" alt="">
        <span class="li-title">扫地机器人</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/191.jpg" alt="">
        <span class="li-title">吸尘器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/192.jpg" alt="">
        <span class="li-title">空气净化器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/193.jpg" alt="">
        <span class="li-title">电饭煲</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/194.jpg" alt="">
        <span class="li-title">电磁炉</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/195.jpg" alt="">
        <span class="li-title">水壶</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/196.png" alt="">
        <span class="li-title">落地风扇</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/197.png" alt="">
        <span class="li-title">投影仪</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/198.jpg" alt="">
        <span class="li-title">灯具</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/199.jpg" alt="">
        <span class="li-title">插线板</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/200.jpg" alt="">
        <span class="li-title">新风机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/201.jpg" alt="">
        <span class="li-title">料理机</span>
      </a>
    </li>
  </ul>
</div>



<!-- 笔记本 平板 -->
   
   <div class="phone-list" id="note-body">
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/202.png" alt="">
          <span class="li-title">Redmi Pad</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/203.png" alt="">
          <span class="li-title">Xiaomi Book Air 13</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/204.png" alt="">
          <span class="li-title">Redmi G 游戏本 锐龙版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/205.png" alt="">
          <span class="li-title">Redmi G Pro 游戏本</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/206.png" alt="">
          <span class="li-title">Redmi G Pro 游戏本 锐龙版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/207.png" alt="">
          <span class="li-title">小米平板5 Pro 12.4</span>
        </a>
      </li>
    </ul>
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/208.png" alt="">
          <span class="li-title">Redmi G 游戏本 2022</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/209.png" alt="">
          <span class="li-title">RedmiBook Pro14 2022</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/210.png" alt="">
          <span class="li-title">RedmiBook Pro15 2022</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/211.png" alt="">
          <span class="li-title">RedmiBook Pro 14 增强版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/212.png" alt="">
          <span class="li-title">小米笔记本 Pro 14 锐龙版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/213.png" alt="">
          <span class="li-title">RedmiBook Pro 15 增强版</span>
        </a>
      </li>
    </ul>
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/214.png" alt="">
          <span class="li-title">小米笔记本 Pro X 14</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/215.png" alt="">
          <span class="li-title">Redmi G 2021 Intel版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/216.png" alt="">
          <span class="li-title">Redmi G 2021 AMD版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/217.png" alt="">
          <span class="li-title">小米平板5</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/218.png" alt="">
          <span class="li-title">小米平板5 Pro</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/219.png" alt="">
          <span class="li-title">小米平板5 Pro 5G</span>
        </a>
      </li>
    </ul>
    <ul>
      <li>
        <a href="">
      
          <img src="./uploads/220.jpg" alt="">
          <span class="li-title">小米笔记本 Pro 14 增强版</span>
      
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/221.png" alt="">
          <span class="li-title">小米笔记本 Pro 15 增强版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/222.png" alt="">
          <span class="li-title">小米笔记本 Pro X 15</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/223.png" alt="">
          <span class="li-title">RedmiBook Pro 14 锐龙版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/224.png" alt="">
          <span class="li-title">RedmiBook Pro 15 锐龙版</span>
        </a>
      </li>
      <li>
        <a href="">
          <img src="./uploads/225.png" alt="">
          <span class="li-title">小米笔记本 Pro 15 锐龙版</span>
        </a>
      </li>
    </ul>
  </div>
 
   

<!-- 出现 穿戴 -->
<div class="phone-list" id="out-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10084.png" alt="">
        <span class="li-title">Xiaomi Watch S1 Pro</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10085.png" alt="">
        <span class="li-title">小米手环7 Pro</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10086.png" alt="">
        <span class="li-title">小米手环7 NFC版</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/226.png" alt="">
        <span class="li-title">小米手环7</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10087.png" alt="">
        <span class="li-title">Xiaomi Watch S1</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10088.png" alt="">
        <span class="li-title">小米手表Color 运动版</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10089.jpg" alt="">
        <span class="li-title">Xiaomi Watch Color 2</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10090.png" alt="">
        <span class="li-title">Redmi 手表 2</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10091.jpg" alt="">
        <span class="li-title">九号平衡车</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10092.png" alt="">
        <span class="li-title">九号平衡车 Plus</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10093.jpg" alt="">
        <span class="li-title">九号平衡车燃动版</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10094.png" alt="">
        <span class="li-title">米家电动滑板车1S</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10095.png" alt="">
        <span class="li-title">米家电动滑板车 3 青春版</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10096.png" alt="">
        <span class="li-title">HIMO Z20 折叠电动助力自行车</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10097.png" alt="">
        <span class="li-title">九号ninebot儿童山地自行车</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10098.png" alt="">
        <span class="li-title">HIMO C26电动助力自行车</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10099.png" alt="">
        <span class="li-title">九号卡丁车Pro兰博基尼汽车定制版</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10100.png" alt="">
        <span class="li-title">九号平衡车 改装套件</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/227.jpg" alt="">
        <span class="li-title">小米车载充电器快充版</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/228.png" alt="">
        <span class="li-title">小米车载充电器快充版1A1C 100W</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/229.png" alt="">
        <span class="li-title">小米无线车充</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/230.png" alt="">
        <span class="li-title">小米无线车充 Pro</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/232.png" alt="">
        <span class="li-title">小米后视镜记录仪</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/231.png"alt="">
        <span class="li-title">小米记录仪2 2K版</span>
      </a>
    </li>
  </ul>
</div>
 

<!-- 耳机 音箱 -->
<div class="phone-list" id="box-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10107.png" alt="">
        <span class="li-title">骨传导耳机</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10108.png" alt="">
        <span class="li-title">Necklace</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10109.png" alt="">
        <span class="li-title">蒙德最强战力</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10110.png" alt="">
        <span class="li-title">Xiaomi Buds 4 Pro</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10111.png" alt="">
        <span class="li-title">Redmi Buds 4 Pro</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10112.png" alt="">
        <span class="li-title"> Redmi Buds 4</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10113.png" alt="">
        <span class="li-title">Xiaomi 真无线降噪耳机 3 Pro</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10114.png" alt="">
        <span class="li-title">Xiaomi 真无线降噪耳机 3</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10115.png" alt="">
        <span class="li-title">Redmi Buds 3</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10116.png" alt="">
        <span class="li-title">Air2 SE</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10117.png" alt="">
        <span class="li-title">Redmi Buds 3 青春版</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10118.png" alt="">
        <span class="li-title">小米圈铁耳机Pro</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10119.png" alt="">
        <span class="li-title">小米活塞耳机</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10120.png" alt="">
        <span class="li-title">>小米小爱触屏音箱Pro 8</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10121.png" alt="">
        <span class="li-title">小米小爱随身音箱</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10122.png" alt="">
        <span class="li-title">Xiaomi智能家庭屏 6</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10123.png" alt="">
        <span class="li-title">小米小爱音箱 Art</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10124.png" alt="">
        <span class="li-title">Xiaomi Sound</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10125.png" alt="">
        <span class="li-title">Redmi小爱触屏音箱Pro 8</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10126.png" alt="">
        <span class="li-title">Xiaomi智能家庭屏 10</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10127.png" alt="">
        <span class="li-title">小爱音箱 Pro </span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10128.png" alt="">
        <span class="li-title">小爱音箱Play 增强版</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10129.jpg" alt="">
        <span class="li-title">小米小爱触屏音箱</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10130.jpg" alt="">
        <span class="li-title"> 小米小爱音箱 Play</span>
      </a>
    </li>
  </ul>
</div>
 

<!-- 健康 儿童 -->
<div class="health-list" id="health-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10131.jpg" alt="">
        <span class="li-title">洗手机</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10132.jpg" alt="">
        <span class="li-title">修剪器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10133.jpg" alt="">
        <span class="li-title">剃须刀</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10134.jpg" alt="">
        <span class="li-title">牙刷</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10135.jpg" alt="">
        <span class="li-title">吹风机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10136.png" alt="">
        <span class="li-title">体重秤</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10137.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10138.png" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10139.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10140.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10141.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10142.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10143.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10144.png" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10145.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10146.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10147.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/233.jpeg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
  </ul>
   
</div>
 

<!-- 生活 箱包-->
<div class="life-list" id="life-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10149.jpg" alt="">
        <span class="li-title">小背包</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10150.jpg" alt="">
        <span class="li-title">双肩包</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10151.jpg" alt="">
        <span class="li-title">胸包</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10152.jpg" alt="">
        <span class="li-title">旅行箱</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10153.jpg" alt="">
        <span class="li-title">收纳袋</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10154.jpg" alt="">
        <span class="li-title">运动鞋</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10155.jpg" alt="">
        <span class="li-title">服饰</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10156.jpg" alt="">
        <span class="li-title">眼镜</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10157.jpg" alt="">
        <span class="li-title">床垫</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10158.png" alt="">
        <span class="li-title">枕头</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10159.jpg" alt="">
        <span class="li-title">螺丝刀</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10160.jpg" alt="">
        <span class="li-title">水杯</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10161.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10162.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10163.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10164.png" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10165.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10166.jpg" alt="">
        <span class="li-title">Redmi Note 12 Pro+</span>
      </a>
    </li>
  </ul>
   
</div>
 

<!-- 智能 路由器 -->
 
<div class="Vue-list" id="AI-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10167.png" alt="">
        <span class="li-title">CyberDog</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10168.png" alt="">
        <span class="li-title">MIJIA K歌麦克风</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10169.jpg" alt="">
        <span class="li-title">打印机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10170.png" alt="">
        <span class="li-title">小米路由器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10171.png" alt="">
        <span class="li-title">Redmi路由器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10172.jpg" alt="">
        <span class="li-title">智能家庭</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10173.jpg" alt="">
        <span class="li-title">对讲机</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10174.jpg" alt="">
        <span class="li-title">摄像机</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10175.jpg" alt="">
        <span class="li-title">智能门锁</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10176.png" alt="">
        <span class="li-title">门铃/猫眼</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10177.jpg" alt="">
        <span class="li-title">小爱音箱</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10178.png" alt="">
        <span class="li-title">家庭屏</span>
      </a>
    </li>
  </ul> 
</div>
 

<!-- 电源 -->
<div class="Vue-list" id="power-body">
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10179.jpg" alt="">
        <span class="li-title">插座插排</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10180.png" alt="">
        <span class="li-title">移动电源</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10181.jpg" alt="">
        <span class="li-title">数据线</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10182.png" alt="">
        <span class="li-title">充电器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10183.jpg" alt="">
        <span class="li-title">电池</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10184.jpg" alt="">
        <span class="li-title"> 自拍杆</span>
      </a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="">
    
        <img src="./uploads/10185.jpg" alt="">
        <span class="li-title">手机壳</span>
    
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10186.jpg" alt="">
        <span class="li-title">手机贴膜</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10187.png" alt="">
        <span class="li-title">无线充电器</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10188.jpg" alt="">
        <span class="li-title">平板配件</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10189.jpg" alt="">
        <span class="li-title">黑鲨配件</span>
      </a>
    </li>
    <li>
      <a href="">
        <img src="./uploads/10191.jpg" alt="">
        <span class="li-title">其他配件</span>
      </a>
    </li>
  </ul> 
</div>
 
  </div>
  </div>
  <!-- 小图和小米帮助 -->
  <div class="nub wrapper">
    <!-- 小米服务 -->
      <div class="mi-service">
        <ul>
          <li>
            <a href="">
            <i class="iconfont icon-favorite"></i>
            小米秒杀
          </a>
        </li>
          <li>
            <a href="">
              <i class="iconfont icon-shopping"></i>
              企业团购
            </a> 
          </li>
          <li>
            <a href="">
              <i class="iconfont icon-mi-1"></i>
              F码通道
            </a>
          </li>
          <li>
            <a href="">
              <i class="iconfont icon-xiaomi "></i>
               米粉卡
            </a>
          </li>
          <li>
            <a href="">
              <i class="iconfont icon-dianzan "></i>
              以旧换新
            </a>
          </li>
          <li>
            <a href="">
              <i class="iconfont  icon-shouji"></i>
              话费充值
            </a>
          </li>
        </ul>
      </div>
    <!-- 焦点下的小图 -->
    <div class="pic">
      <ul>
        <li>
          <a href="">
            <img src="./uploads/10229.jpg" alt="">
          </a>
        </li>
        <li>
         <a href="">
            <img src="./uploads/10228.jpg" alt="">
          </a>
        </li>
        <li>
         <a href="">
          <img src="./uploads/10227.jpg" alt="">
        </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 开始闪购 -->
  <div class="xm-plain-box">
    <div class="box-hd wrapper">
   
      <div class="title">
        <p>小米闪购</p>
      </div>
      <div class="mi-list">
        <ul>
          <li>
            <div class="pic">
          
          </div>
          <div class="text">暂无闪购活动</div>
          </li>
          <li>
            <div class="list2"></div>
          </li>
          <li>
            <div class="list2"></div>
          </li>
          <li>
            <div class="list2"></div>
          </li>
          <li>
            <div class="list2"></div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 样式栏1 -->
  <div class="model1 wrapper">
    <a href="">
      <img src="./uploads/10231.jpg" alt="">
    </a>
  </div>
  <div class="main">
    <div class="wrapper">
  <!-- 手机 -->
  <div class="phone">
    <div class="title">
      <div class="title-left">
        手机 
      </div>
      <div class="title-right">
         <a href="" class="more">
          查看全部
          <span class="iconfont icon-icon-test8">
          </span>
        </a>
      </div>
    </div>
    <div class="bd">
      <div class="left">
        <a href="">
          <img src="./uploads/10275.jpg" alt="" style="width: 248px; height: 614px;">
      </a>
      </div>
      <div class="right">
        <ul>
          <li>
            <a href="">
              <img src="./uploads/1.jpg" alt="">
              <p class="li-title">小米9 6GB+128GB</h3>
              <p class="li-bd">骁龙855，索尼4800万超广角微距三摄</p>
              <p style="text-align: center;"><span style="color: #ff6700; ">2599元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10.jpg" alt="">
              <p class="li-title">小米MIX 3  6GB+128GB</p>
              <p class="li-bd">磁动力滑盖全面屏 / 四曲面陶瓷机身</p>
              <p style="text-align: center;"><span style="color: #ff6700; ">2299元</span><del style="color: #b0b0b0; ">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/11.jpg" alt="">
              <p class="li-title">Redmi Note 7 Pro</p>
              <p class="li-bd">6GB+128GB大存储，索尼4800万拍照</p>
              <p style="text-align: center;"><span style="color: #ff6700; ">1599元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/12.png" alt="">
              <p class="li-title">小米Play 4GB+64GB</p>
              <p class="li-bd">八核高性能处理器，后置1200万 AI 双摄</p>
              <p style="text-align: center;"><span style="color: #ff6700;">749元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/13.png" alt="">
              <p class="li-title">小米8 屏幕指纹版 6GB+128GB</p>
              <p class="li-bd">全球首款压感屏幕指纹  骁龙845处理器</p>
              <p style="text-align: center;"><span style="color: #ff6700;">1799元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/14.jpg" alt="">
              <p class="li-title">小米8青春版6GB+64GB</p>
              <p class="li-bd">潮流镜面渐变色，2400万自拍旗舰</p>
              <p style="text-align: center;"><span style="color: #ff6700;">1499元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/15.jpg" alt="">
              <p class="li-title">Redmi Note 7 6GB+64G</h3>
                <p class="li-bd">4800万拍照，4000mAh大电量</p>
                <p style="text-align: center;"><span style="color: #ff6700;">1099元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/16.jpg" alt="">
              <p class="li-title">Redmi K20 Pro 6GB+128GB</h3>
                <p class="li-bd">骁龙855旗舰处理器，索尼4800万超广角三摄</p>
                <p style="text-align: center;"><span style="color: #ff6700;">2299元</span><del style="color: #b0b0b0;">2999元</del></p>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 样式栏2 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px;">
    <a href="">
      <img src="./uploads/10232.jpg" alt="">
    </a>
  </div>
  <!-- 家电 -->
  <div class="app">
    <div class="title">
      <div class="title-left">
        家电
      </div>
      <div class="title-right">
        <ul>
        <li>
          <a href="">
            热门
          </a>
        </li>
        <li>
          <a href="">
            电视影音
          </a>
        </li>
        <li>
          <a href="">
            电脑
          </a>
        </li>
        <li> 
          <a href="">
            家居
          </a>
        </li>
      </ul>
      </div>   
  </div>
  <!-- 内容 -->
  <div class="app-bd">
    <div class="bd-left">
    <ul>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/2.jpg" alt="">
        </a>
      </div>
      </li>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/3.jpg" alt="">
        </a>
      </div>
      </li>
    </div>
    <div class="bd-right">
      <li>
        <a href="">
          <img src="./uploads/17.jpg" alt="">
          <div class="text">
            <p class="li-title">小米电视4A 32英寸</p>
            <p class="li-bd"> 64位四核处理器 / 1GB+4GB大内存</p>
              <p class="li-price">
                <span>699</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>799</span>元</del>
              </p>
              
          </div>
        </a>
        <div class="flag">
        减100元
        </div>
        <div class="cover">
          <a href="">
            <p style="color: #fff;">电视机不错，非常满意的一次网购，感谢小米公司考虑百姓...</p>
            <p style=" color: rgba(255,255,255,0.6);"> 来自于 你是我的 的评价 </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/18.jpg" alt="">
          <div class="text">
            <p class="li-title">小米电视4A 65英寸</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>2599</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>2999</span>元</del>
              </p>
             
          </div>
        </a>
        <div class="flag">
          减400元
          </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">不错一直都是用的小米电视。</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 芸娘 的评价 </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/19.png" alt="">
          <div class="text">
            <p class="li-title">15.6"笔记本 i5 4G MX110</p>
            <p class="li-bd"></p>
              <p class="li-price">
                <span>4199</span>元
               
              </p>
               
          </div>
        </a>
        <div class="flag" >
          新品
          </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">好用，小孩开心，小米就是好，希望能用久一点</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 467****35 的评价 </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/20.jpg" alt="">
          <div class="text">
            <p class="li-title">13.3"小米笔记本Air 四核i7 8G 256G MX150 银色</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>5999</span>元
              
              </p>
          </div>
        </a>
        <div class="cover">
          <a href="">
            <p style="color: #fff;">开机速度确实很快，小巧，拿着很方便。</p>
            <p style=" color: rgba(255,255,255,0.6);"> 来自于 大习 的评价 </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/21.jpg" alt="">
          <div class="text">
            <p class="li-title">米家互联网洗烘一体机 Pro 10kg</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>2999</span>元
              
              </p>
           
          </div>
        </a>
        <div class="flag">
          新品
          </div>
        <div class="cover">
            <a href="">
              <p style="color: #fff;">特别喜欢这个洗衣机安装好了，全部都是智能的，手机控制...</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 尚小进 的评价 </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/22.jpg" alt="">
          <div class="text">
            <p class="li-title"> 米家互联网空调（一级能效）</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>2399</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>2699</span>元</del>
              </p>
              
          </div>
        </a>
        <div class="flag">
          减300元
          </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">一如既往的信赖小米，冲着小米空调准差不了，选择了三期...</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 小米芈 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/23.jpg" alt="">
          <div class="text">
            <p class="li-title">烟灶套装（天然气）</p>
            <p class="li-bd">吸油,燃气灶,油烟机,抽烟机,灶具,套装</p>
              <p class="li-price">
                <span>2298</span>元
               
              </p>
            
          </div>
        </a>
        <div class="flag">
          新品
          </div>
        <div class="cover">
            <a href="">
              <p style="color: #fff;">两位师傅热心帮助设计，安装后效果很好，厨房变得漂亮了...</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 231*****65 的评价 </p>
            </a>
          </div>
      </li>
      
      <li>
       <div class="li-up">
        <a href="">
          <img src="./uploads/24.jpg" alt="" >
          <div class="text">
            
             <p>标题</p>
            <p style="margin-top: 10px;    font-size: 12px;
            color: #ff6700;"><span>1999</span>元</p>
          </div> 
          </a>
          </div>
        <div class="li-down">
          <a href="">
           <div class="text">
          <p style="    font-size: 18px;color: #333;">浏览更多</p>
          <p style="    font-size: 12px;color: #757575;">电脑</p>
        </div>
          <i class="iconfont icon-arrowright"></i>
        </a>
        </div>
      </li>
    </ul>
  </div>
  </div>
  </div>
  <!-- 样式栏3 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px; ">
    <a href=""  >
      <img src="./uploads/10233.jpg" alt="">
    </a>
  </div>
  <!-- 智能 -->
  <div class="app">
    <div class="title">
      <div class="title-left">
        智能
      </div>
      <div class="title-right">
        <ul>
        <li>
          <a href="">
            热门
          </a>
        </li>
        <li>
          <a href="">
            出行
          </a>
        </li>
        <li>
          <a href="">
            健康
          </a>
        </li>
        <li> 
          <a href="">
            酷玩
          </a>
        </li>
        <li> 
          <a href="">
         路由器
          </a>
        </li>
      </ul>
      </div>   
  </div>
  <!-- 内容 -->
    <div class="app-bd">
    <div class="bd-left">
    <ul>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/25.jpg" alt="">
        </a>
      </div>
      </li>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/26.jpg" alt="">
        </a>
      </div>
      </li>
    </div>
    <div class="bd-right">
      <li>
        <a href="">
          <img src="./uploads/27.jpg" alt="">
          <div class="text">
            <p class="li-title">小米「小爱老师」</p>
            <p class="li-bd">小爱老师,翻译,学习,录音,背单词,外语,外教,口语,电子词典</p>
              <p class="li-price">
                <span>499</span>元
               
              </p>
              
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;"> 
        新品
        </div>
        <div class="cover">
          <a href="">
            <p style="color: #fff;">物流超快，宝贝很好，手感不好，显示清晰，功能强大，学...</p>
            <p style=" color: rgba(255,255,255,0.6);">  来自于 黑色小米 的评价  </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/28.jpg" alt="">
          <div class="text">
            <p class="li-title">小米米家智能门锁 推拉式</p>
            <p class="li-bd"></p>
              <p class="li-price">
                <span>1699</span>元
             
              </p>
             
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;">
          新品
          </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">外形漂亮，操作简单，安装专业，给师傅点个赞</p>
              <p style=" color: rgba(255,255,255,0.6);">   来自于 plusding 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/29.jpg" alt="">
          <div class="text">
            <p class="li-title">小米小爱音箱 Play</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>99</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>169</span>元</del>
              </p>
               
          </div>
        </a>
      
          <div class="cover">
            <a href="">
              <p style="color: #fff;">家里全是小米产品，我说小米品质很好你们可能不同意，因...</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 ₯㎕ 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/30.jpg" alt="">
          <div class="text">
            <p class="li-title">小米小爱音箱 万能遥控版</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>149</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>199</span>元</del>
              </p>
          </div>
        </a>
          <div class="flag" style="background-color: #83c44e;">
          新品
          </div>
        <div class="cover">
          <a href="">
            <p style="color: #fff;">外观设计大气，功能强大很实用。</p>
            <p style=" color: rgba(255,255,255,0.6);">  来自于 218*****38 的评价 </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/31.jpg" alt="">
          <div class="text">
            <p class="li-title">米家电饭煲4L</p>
            <p class="li-bd"></p>
              <p class="li-price">
                <span>299</span>元
               
              </p>
           
          </div>
        </a>
        <!-- <div class="flag">
          新品
          </div> -->
        <div class="cover">
            <a href="">
              <p style="color: #fff;">外观超级大气，功能齐全同时有很傻瓜式，爸妈可轻松上手...</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 杨柯 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/32.png" alt="">
          <div class="text">
            <p class="li-title">小米手环4 石墨黑</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>169</span>元
             
              </p>
              
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;">
         新品
          </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">实验中，小米在我生活中的必要品！家中的很多东西都是小...</p>
              <p style=" color: rgba(255,255,255,0.6);"> 来自于 清风 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/33.jpg" alt="">
          <div class="text">
            <p class="li-title">米家九号平衡轮</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>799</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>999</span>元</del>
              </p>
            
          </div>
        </a>
         
        <div class="cover">
            <a href="">
              <p style="color: #fff;">很酷的样子，新鲜的产品呀就是喜欢。ninebot很酷</p>
              <p style=" color: rgba(255,255,255,0.6);">   来自于 pei  的评价  </p>
            </a>
          </div>
      </li>
      
      <li>
       <div class="li-up">
        <a href="">
          <img src="./uploads/34.jpg" alt="" >
          <div class="text">
            
             <p>小米体脂秤2</p>
            <p style="margin-top: 10px;    font-size: 12px;
            color: #ff6700;"><span>99</span>元</p>
          </div> 
          </a>
          </div>
        <div class="li-down">
          <a href="">
           <div class="text">
          <p style="    font-size: 18px;color: #333;">浏览更多</p>
          <p style="    font-size: 12px;color: #757575;">电脑</p>
        </div>
          <i class="iconfont icon-arrowright"></i>
        </a>
        </div>
      </li>
    </ul>
  </div>
  </div>
  </div>
  <!-- 样式栏4 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px; ">
    <a href=""  >
      <img src="./uploads/10234.jpg" alt="">
    </a>
  </div>
  <!-- 搭配 -->
  <div class="match">
    <div class="title">
      <div class="title-left">
        搭配
      </div>
      <div class="title-right">
        <ul>
        <li>
          <a href="">
            热门
          </a>
        </li>
        <li>
          <a href="">
            耳机音箱
          </a>
        </li>
        <li>
          <a href="">
            电源
          </a>
        </li>
        <li> 
          <a href="">
           电池充电器
          </a>
        </li>
      </ul>
      </div>   
  </div>
  <!-- 内容 -->
  <div class="match-bd">
    <div class="bd-left">
    <ul>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/35.jpg" alt="">
        </a>
      </div>
      </li>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/36.jpg" alt="">
        </a>
      </div>
      </li>
    </div>
    <div class="bd-right">
      <li>
        <a href="">
          <img src="./uploads/40.jpg" alt="">
          <div class="text">
            <p class="li-title">小米移动电源2 (5000mAh版)</p>
           
              <p class="li-price">
                <span>49</span>元
             
              </p>
              
          </div>
        </a>
       
        <div class="cover">
          <a href="">
            <p style="color: #fff;">外观小球平滑 拿着方便 科技感十足</p>
            <p style=" color: rgba(255,255,255,0.6);"> 来自于 橙子 的评价  </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/41.png" alt="">
          <div class="text">
            <p class="li-title">小米圈铁耳机</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>99</span>元
              
              </p>
             
          </div>
        </a>
        
          <div class="cover">
            <a href="">
              <p style="color: #fff;">外形时尚，音质很好，就是感觉线的材质不太喜欢，不过还...</p>
              <p style=" color: rgba(255,255,255,0.6);">   来自于 问我 的评价 </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/42.jpg" alt="">
          <div class="text">
            <p class="li-title">小米降噪耳机Type-C版 </p>
            <p class="li-bd"></p>
              <p class="li-price">
                <span>299</span>元
              </p>        
          </div>
        </a>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">音质很不错，两万太给力了，就是时间长有点发热</p>
              <p style=" color: rgba(255,255,255,0.6);">   来自于 飞 的评价  </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/43.jpg" alt="">
          <div class="text">
            <p class="li-title">小米运动蓝牙耳机青春版 黑色</p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>99</span>元
              
              </p>
          </div>
        </a>
        <div class="cover">
          <a href="">
            <p style="color: #fff;">非常棒！</p>
            <p style=" color: rgba(255,255,255,0.6);"> 来自于 邢先森 的评价  </p>
          </a>
        </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads//44.jpg" alt="">
          <div class="text">
            <p class="li-title">小米运动蓝牙耳机mini </p>
            <p class="li-bd"> </p>
              <p class="li-price">
                <span>169</span>元
              
              </p>
           
          </div>
        </a>
      
        <div class="cover">
            <a href="">
              <p style="color: #fff;">总体非常好，美观大方，而且百搭</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 731****75 的评价 </p>
            </a>
          </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/45.jpg" alt="" >
          <div class="text">
             <p>小米USB充电器30W快充版（1A1C）</p>
             
          </div> 
          <p style="margin-top: 10px; font-size: 12px;color: #ff6700;margin-left: 30px;"><span>54</span>元</p>
          </a>
      </li>
      <li>
        <a href="">
          <div class="text">
         <p style="    font-size: 18px;color: #333;">浏览更多</p>
         <p style="    font-size: 12px;color: #757575;">电脑</p>
       </div>
         <i class="iconfont icon-arrowright"></i>
       </a>
      </li>
    </ul>
  </div>
  </div>
  </div>
  <!-- 样式栏5 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px;">
    <a href="">
      <img src="./uploads/10235.jpg" alt="">
    </a>
  </div>
  <!-- 配件 -->
  <div class=" plain">
    <div class="title">
      <div class="title-left">
      配件
      </div>
      <div class="title-right">
        <ul>
        <li>
          <a href="">
            热门
          </a>
        </li>
        <li>
          <a href="">
            保护套
          </a>
        </li>
        <li>
          <a href="">
            贴膜
          </a>
        </li>
        <li> 
          <a href="">
            其他配件
          </a>
        </li>
      </ul>
      </div>   
  </div>
  <div class="plain-bd">
      <div class="bd-left">
      <ul>
        <li>
          <div class="pic">
          <a href="">
            <img src="./uploads/46.jpg" alt="">
          </a>
        </div>
        </li>
        <li>
          <div class="pic">
          <a href="">
            <img src="./uploads/47.jpg" alt="">
          </a>
        </div>
        </li>
      </div>
      <div class="bd-right">
        <li>
          <a href="">
            <img src="./uploads/48.jpg" alt="">
            <div class="text">
              <p class="li-title">小米MIX 3 标准高透膜</p>
                <p class="li-price">
                  <span>5.9</span>元
                  <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>19</span>元</del>
                </p>
                <!-- <p class="li-bd">介绍</p> -->
      
            </div>
          </a>
          
          <div class="cover">
            <a href="">
              <p style="color: #fff;">囤货中。。。还是喜欢这种轻薄的</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 GG 的评价   </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/49.jpg" alt="">
            <div class="text">
              <p class="li-title">米家小相机电池</p>
                <p class="li-price">
                  <span>49</span>元
                </p>
                
            </div>
          </a>
          <div class="flag" style="background-color: #83c44e;">
            新品
             </div>
          <div class="cover">
            <a href="">
              <p style="color: #fff;">电池很不错哟，哈哈哈哈</p>
              <p style=" color: rgba(255,255,255,0.6);"> 来自于 妙颜阁 的评价 </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/50.jpg" alt="">
            <div class="text">
              <p class="li-title">小米9 潮流拼接保护壳 蓝紫色</p>
                <p class="li-price">
                  <span>0.01</span>元
                  <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>49</span>元</del>
                </p>
                </div>
          </a>
          
          <div class="cover">
            <a href="">
              <p style="color: #fff;">不错，挺好的，非常不错，不能包裹摄像头</p>
              <p style=" color: rgba(255,255,255,0.6);"> 来自于 寥蓝 的评价 </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/51.jpg" alt="">
            <div class="text">
              <p class="li-title">小米9 米粉潮流保护壳 ROY GIRL（绿色）</p>
                <p class="li-price">
                  <span>0.01</span>元
                  <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>49</span>元</del>
                </p>
                <p class="li-bd">介绍</p>
         
            </div>
          </a>
         
          <div class="cover">
            <a href="">
              <p style="color: #fff;">手感很好的</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 琴河 的评价  </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/52.jpg" alt="">
            <div class="text">
              <p class="li-title">小米8  硅胶保护套 黑色</p>
                <p class="li-price">
                  <span>24.9</span>元
                  <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>49</span>元</del>
                </p>
                
               
            </div>
          </a>
        
          <div class="cover">
            <a href="">
              <p style="color: #fff;">不错！支持小米 快递很快！很有逼格</p>
              <p style=" color: rgba(255,255,255,0.6);">  来自于 宋非 的评价 </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/53.jpg" alt="">
            <div class="text">
              <p class="li-title">小米9 街头风保护壳 黑色</p>
                <p class="li-price">
                  <span>49</span>元
                </p>
               
               
            </div>
          </a>
        
          <div class="cover">
            <a href="">
              <p style="color: #fff;">外观非常漂亮，配合我的紫色小米手机9，看起来非常的顺...</p>
              <p style=" color: rgba(255,255,255,0.6);"> 来自于 隨梦而飛 的评价   </p>
            </a>
          </div>
        </li>
        <li>
          <a href="">
            <img src="./uploads/51.jpg " alt="">
            <div class="text">
             <p>小米8 标准钢化玻璃膜</p>
            </div>
            <p><span style="text-align: center;color: #ff6700; margin-top: 10px;margin-left: 10px;">0.01元</span></p>
          </a>
        </li>
        <li>
          <a href="">
            <div class="text">
           <p style="font-size: 18px;color: #333;">浏览更多</p>
           <p style=" font-size: 12px;color: #757575;">电脑</p>
         </div>
           <i class="iconfont icon-arrowright"></i>
         </a>
        </li>
      </ul>
    </div>
  </div>
  </div>
  <!-- 样式栏6 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px;">
    <a href="">
      <img src="./uploads/10236.jpg" alt="">
    </a>
  </div>
  <!-- 周边 -->
  <div class="app">
    <div class="title">
      <div class="title-left">
        周边
      </div>
      <div class="title-right">
        <ul>
        <li>
          <a href="">
            热门
          </a>
        </li>
        <li>
          <a href="">
            出行
          </a>
        </li>
        <li>
          <a href="">
            居家
          </a>
        </li>
        <li> 
          <a href="">
           生活周边
          </a>
        </li>
        <li> 
          <a href="">
           箱包
          </a>
        </li>
      </ul>
      </div>   
  </div>
  <!-- 内容 -->
  <div class="app-bd">
    <div class="bd-left">
    <ul>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/55.jpg" alt="">
        </a>
      </div>
      </li>
      <li>
        <div class="pic">
        <a href="">
          <img src="./uploads/56.jpg" alt="">
        </a>
      </div>
      </li>
    </div>
    <div class="bd-right">
      <li>
        <a href="">
          <img src="./uploads/57.jpg" alt="">
          <div class="text">
            <p class="li-title">米家飞行员太阳镜 Pro</p>
          
              <p class="li-price">
                <span>199</span>元
               
              </p>
              <p class="li-bd">716人评价</p>
          </div>
        </a>
        
           <div class="cover">
             <a href="">
               <p style="color: #fff;">还不错 没有一棵螺丝比较喜欢</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 向快楽出发 的评价  </p>
             </a>
           </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/58.jpg" alt="">
          <div class="text">
            <p class="li-title">小米巨能写中性笔 黑色 10支装</p>

              <p class="li-price">
                <span>9.99</span>元
                
              </p>
              <p class="li-bd">2068人评价</p>
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;">
          新品
           </div>
           <div class="cover">
             <a href="">
               <p style="color: #fff;">外形简约精致，书写流畅，没有断墨，自己特别喜欢，拿到...</p>
               <p style=" color: rgba(255,255,255,0.6);">  来自于 霏尘雾绕 的评价   </p>
             </a>
           </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/59.jpg" alt="">
          <div class="text">
            <p class="li-title">小米旅行箱（20英寸）布朗熊限量版</p>
           
              <p class="li-price">
                <span>349</span>元
              
              </p>
              <p class="li-bd">196人评价</p>
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;">
          新品
           </div>
           <div class="cover">
             <a href="">
               <p style="color: #fff;">很好看  小巧玲珑  看起来很舒服  手感也不错  ...</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 旧人不府 的评价   </p>
             </a>
           </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/60.jpg" alt="">
          <div class="text">
            <p class="li-title">最生活毛巾·Air（10条装） 素蓝</p>
           
              <p class="li-price">
                <span>169</span>元
               
              </p>
              <p class="li-bd">235人评价</p>
              <div>
        </a>
        
           <div class="cover">
             <a href="">
               <p style="color: #fff;">物有所值，值得购买，期待小米更多的惊喜！</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 哈代数学 的评价   </p>
             </a>
           </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/61.jpg" alt="">
          <div class="text">
            <p class="li-title">米家驱蚊器基础版 3个装</p>
           
              <p class="li-price">
                <span>129 </span>元
               
              </p>
              <p class="li-bd"> 5267人评价</p>
          </div>
        </a>
        <div class="flag" style="background-color: #83c44e;">
          新品
           </div>
           <div class="cover">
             <a href="">
               <p style="color: #fff;">驱蚊器外形小巧，简洁大方。静音设计很贴心。睡眠好帮手。</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 我要笔记本 的评价  </p>
             </a>
           </div>
      </li>
      <li>
        <a href="">
          <img src="./uploads/234.png" alt="">
          <div class="text">
            <p class="li-title">MIJOY 抽绳式垃圾袋 白色</p>
           
              <p class="li-price">
                <span>9.9</span>元
              <del style="color: #b0b0b0; text-align: center; margin: 0 10px 10px;"><span>14.9</span>元</del>
              </p>
              <p class="li-bd">1237人评价</p>
          </div>
        </a>
 
           <div class="cover">
             <a href="">
               <p style="color: #fff;">质量不错。有点舍不得拿来用了</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 懒懒哒王木木〞 的评价   </p>
             </a>
           </div>
      </li>
   
      <li>
        <a href="">
          <img src="./uploads/63.jpg" alt="">
          <div class="text">
            <p class="li-title">贝医生巴氏牙刷(四色装)</p>
          
              <p class="li-price">
                <span>39.9</span>元
              
              </p>
              <p class="li-bd">2万人评价</p>
          </div>
        </a>
       
           <div class="cover">
             <a href="">
               <p style="color: #fff;">晒单时间有点晚了，快递到货没有电话通知，都吐槽好几次...</p>
               <p style=" color: rgba(255,255,255,0.6);"> 来自于 憶夢溫馨 的评价   </p>
             </a>
           </div>
      </li>
      <li>
       <div class="li-up">
        <a href="">
          <img src="./uploads/64.jpg" alt="" >
          <div class="text">
            
             <p>8H乳胶弹簧静音床垫</p>
            <p style="margin-top: 10px;    font-size: 12px;
            color: #ff6700;"><span>1599</span>元</p>
          </div> 
          </a>
          </div>
        <div class="li-down">
          <a href="">
           <div class="text">
          <p style="font-size: 18px;color: #333;">浏览更多</p>
          <p style=" font-size: 12px;color: #757575;">电脑</p>
        </div>
          <i class="iconfont icon-arrowright"></i>
        </a>
        </div>
      </li>
    </ul>
  </div>
  </div>
  </div>
  <!-- 样式栏7 -->
  <div class="model1 wrapper" style="margin: 28px 0 22px;">
    <a href="">
      <img src="./uploads/10237.jpg" alt="">
    </a>
  </div>
  <!-- 为你推荐 -->
  <div class="recommend">
    <div class="reco-title">
      <div class="title-left">
        为你推荐
      </div>
      <div class="button">
        <a href="" class="pre">
          <i class="iconfont icon-icon-test6"></i>
        </a>
        <a href="" class="next">
      
          <i class="iconfont icon-icon-test8"></i>
        </a>
      </div>
    </div>
    <div class="reco-bd">
      <ul>
        <li>
           <dl>
            <dt>
              <a href="">
                <img src="./uploads/65.png" alt="">
              </a>
            </dt>
            <dd style=" color: #333;margin-bottom:10px;"> Redmi Note 13 Pro </dd>
            <dd style="margin-bottom: 10px;color: #ff6700;">2099元</dd>
             
           </dl>
        </li>
        <li>
          <dl>
           <dt>
             <a href="">
               <img src="./uploads/66.jpg" alt="">
             </a>
           </dt>
           <dd style=" color: #333;margin-bottom:10px;"> 小米手环 8 Pro </dd>
           <dd style="margin-bottom: 10px;color: #ff6700;">399元</dd>
          
          </dl>
       </li>
       <li>
        <dl>
         <dt>
           <a href="">
             <img src="./uploads/67.jpg" alt="">
           </a>
         </dt>
         <dd style=" color: #333;margin-bottom:10px;"> 小米巨能写中性笔10支装 </dd>
         <dd style="margin-bottom: 10px;color: #ff6700;">9.99元</dd>
         <dd style="    position: relative; color: #757575;">   2068人好评    </dd>
        </dl>
      </li>
      <li>
        <dl>
         <dt>
          <a href="">
           <img src="./uploads/68.png" alt="">
          </a>
         </dt>
          <dd style=" color: #333;margin-bottom:10px;"> Xiaomi 13 </dd>
          <dd style="margin-bottom: 10px;color: #ff6700;">3999元</dd>
          
        </dl>
   </li>
      <li>
       <dl>
        <dt>
           <a href="">
             <img src="./uploads/70.png" alt="">
           </a>
        </dt>
          <dd style=" color: #333;margin-bottom:10px;"> Redmi Note 13 5G </dd>
           <dd style="margin-bottom: 10px;color: #ff6700;">1199元</dd>
  
      </dl>
      </li>
      </ul>
    </div>
  </div>
  <!-- 热评产品 -->
  <div class="hot">
    <div class="title">
      <p>热评产品</p>
    </div>
    <div class="hot-bd">
      <ul>
        <li>
        <div class="pic">
          <a href="">
            <img src="./uploads/68.jpg" alt="">
          </a>
        </div>
        <p class="review">挺好的，洗的也干净，白色很简单，好看</p>
        <p class="author"> 来自于 白羊董小姐 的评价 </p>
      
        <div class="info">
          <span class="li-title">米家互联网洗烘一体机10kg</span>
          <span style="color: #e0e0e0;">|</span>
          <span class="li-price">2199元</span>
        </div>
         
        </li>
        <li>
          <div class="pic">
            <a href="">
              <img src="./uploads/71.jpg" alt="">
            </a>
          </div>
          <p class="review">在小区拍的，照相很清晰，性价比高，值得购买。</p>
          <p class="author">来自于茫然的评价</p>
        
          <div class="info">
            <span class="li-title">Redmi K20 全网通版 6GB+128GB 火焰红</span>
            <span style="color: #e0e0e0;">|</span>
            <span class="li-price">2099元</span>
          </div>
        </li>
          <li>
            <div class="pic">
              <a href="">
                <img src="./uploads/72.jpg" alt="">
              </a>
            </div>
            <p class="review">收到净水机后，马上就安排了安装，实在是难以表达内心的激动。首先作为一个米粉看到家里又添置一件小米的设...</p>
          <p class="author"> 来自于 DEVIL 的评价 </p>
        
          <div class="info">
            <span class="li-title">小米净水器600G</span>
            <span style="color: #e0e0e0;">|</span>
            <span class="li-price">1999元</span>
          </div>
            </li>
            <li>
              <div class="pic">
                <a href="">
                  <img src="./uploads/73.jpg" alt="">
                </a>
              </div>
              <p class="review">一到家就忙着安装，太好了，小巧玲珑的，外观精美，洗的照片太好看了</p>
          <p class="author"> 来自于 lhz 的评价 </p>
        
          <div class="info">
            <span class="li-title">小米米家照片打印机</span>
            <span style="color: #e0e0e0;">|</span>
            <span class="li-price">479元</span>
          </div>
              </li>
      </ul>
    </div>
  </div>
  
  <!-- 内容 -->
  <div class="content">
    <div class="title">
      内容
    </div>
    <div class="content-bd">
      <ul>
        <li class="one"> 
          <p class="li-title">图书</p>
           <div class="body"> 
              <p class="key">
              <a href="">
                展现你的存在
              </a>
            </p>
            <p class="li-cont"> 
             <a href="">
              一本职场人的演说指导书
             </a> 
            </p>
            <p class="li-price">
              <a href="">
                5.99元
              </a> 
            </p>
            <p>
              <a href="">
              <img src="./uploads/7.png" alt="">
            </a>
          </p>
           </div>
           <div class="circle">
            <ol>
              <li class="current"><i></i></li>
              <li><i></i></li>
              <li><i></i></li>
            </ol>
          </div>
        </li>
        <li class="two"> 
          <p class="li-title">MIUI 主题</p>
           <div class="body"> 
              <p class="key">
              <a href="">
                Charming City
              </a>
            </p>
            <p class="li-cont"> 
             <a href="">
              欢迎来到CC之城——Charming City！来这里散发你无处安放的魅力吧！
             </a> 
            </p>
            <p class="li-price">
              <a href="">
                
              </a> 
            </p>
            <p>
              <a href="">
              <img src="./uploads/74.png" alt="">
            </a>
          </p>
           </div>
           <div class="circle">
            <ol>
              <li class="current"><i></i></li>
              <li><i></i></li>
              <li><i></i></li>
            </ol>
          </div>
        </li>
        <li class="three"> 
          <p class="li-title">游戏</p>
           <div class="body"> 
              <p class="key">
              <a href="">
                小米超神
              </a>
            </p>
            <p class="li-cont"> 
             <a href="">
              实力派，一起团！！
             </a> 
            </p>
            <p class="li-price">
              <a href="">
               
              </a> 
            </p>
            <p>
              <a href="">
              <img src="./uploads/75.png" alt="">
            </a>
          </p>
           </div>
           <div class="circle">
            <ol>
              <li class="current"><i></i></li>
              <li><i></i></li>
              <li><i></i></li>
            </ol>
          </div>
        </li>
        <li class="four"> 
          <p class="li-title">应用</p>
           <div class="body"> 
              <p class="key">
              <a href="">
                小米应用
              </a>
            </p>
            <p class="li-cont"> 
             <a href="">
              小米出品 必属精品
             </a> 
            </p>
            <p class="li-price">
              <a href="">
                免费
              </a> 
            </p>
            <p>
              <a href="">
              <img src="./uploads/76.png" alt="">
            </a>
          </p>
           </div>
           <div class="circle">
            <ol>
              <li class="current"><i></i></li>
              <li><i></i></li>
              <li><i></i></li>
            </ol>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!-- 视频 -->
  <div class="video">
    <div class="title">
      <div class="title-left">
        手机 
      </div>
      <div class="title-right">
         <a href="" class="more">
          查看全部
          <span class="iconfont icon-icon-test8">
          </span>
        </a>
      </div>
    </div>
    <div class="video-bd">
      <ul>
        <li>
          <div class="pic">
          <a href="">
            <img src="./uploads/9.png" alt="">
            <span class="play">
              <i class="iconfont icon-play"></i>
            </span>
          </a>
        </div>
          <a href="">
            <p class="li-title">小米CC9</p>
            <p class="li-bd">深蓝星球</p>
          </a>
        </li>
        <li>
          <div class="pic">
            <a href="">
              <img src="./uploads/78.png" alt="">
              <span class="play">
                <i class="iconfont icon-play"></i>
              </span>
            </a>
          </div>
            <a href="">
              <p class="li-title">Redmi Note 7系列</p>
              <p class="li-bd">镜花水月</p>
            </a>
        </li>
        </li>
        <li>
          <div class="pic">
            <a href="">
              <img src="./uploads/79.jpg" alt="">
              <span class="play">
                <i class="iconfont icon-play"></i>
              </span>
            </a>
          </div>
            <a href="">
              <p class="li-title">黑鲨游戏手机2 Pro</p>
              <p class="li-bd">指尖主宰 新品发布会</p>
            </a>
        </li>
        <li>
          <div class="pic">
            <a href="">
              <img src="./uploads/80.jpg" alt="">
              <span class="play">
                <i class="iconfont icon-play"></i>
              </span>
            </a>
          </div>
            <a href="">
              <p class="li-title">小米手环4</p>
              <p class="li-bd">改变从今开始</p>
            </a>
        </li>
      </ul>
    </div>
</div>
</div>
<!-- 侧边定格 -->
<div class="bar">
  <div class="bar-1">
    <ul>
      <li>
        <a href="">
          <i class="iconfont icon-shouji"></i>
          <p class="text">手机app</p>
        </a>
      </li>
      <li>
        <a href="">
          <i class="iconfont icon-icon-test3"></i>
          <p class="text">个人中心</p>
        </a>
      </li>
      <li>
        <a href="">
          <i class="iconfont icon-iconfontwujingongju"></i>
          <p class="text">售后服务</p>
        </a>
      </li>
      <li>
        <a href="">
          <i class="iconfont icon-icon-test4"></i>
          <p class="text">人工客服</p>
        </a>
      </li>
      <li>
        <a href="">
          <i class="iconfont icon-icon-test"></i>
          <p class="text">购物车</p>
        </a>
      </li>
    </ul>
  </div>
   
</div>
  <!-- 底边栏 -->
  <div>
    <div class="footer">
      <div class="wrapper">
        <!-- 售后栏 -->
        <div class="serve">
          <ul>
            <li>
              <i class="iconfont icon-iconfontwujingongju"></i>
              <p>预约维修服务</p>
            </li>
            <li>
              <i class="iconfont icon-daishouhuo"></i>
              <p>7天无理由退货</p>
            </li>
            <li>
              <i class="iconfont icon-iconfontfuwushichang"></i>
              <p>15天免费换货</p>
            </li>
            <li>
              <i class="iconfont  icon-bojuelvpaiicontilian_huabanfuben"></i>
              <p>满99元包邮</p>
            </li>
            <li>
              <i class="iconfont icon-icon-test16"></i>
              <p>520余家售后网点</p>
            </li>
          <ul>
        </div>
         <!-- 帮助中心 -->
      <div class="help">
        <div class="content">
        <div class="left">
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
           <dl>
            <dt>帮助中心</dt>
            <dd>
              <a href="">
                账户管理
              </a>
            </dd>
            <dd>
              <a href="">
                购物指南
              </a>
            </dd>
            <dd>
              <a href="">
                订单操作
              </a>
            </dd>
           </dl>
        </div>
        <div class="right">
          <p style="color: #ff6700; font-size:22px; line-height:1; margin-bottom: 5px;">400-100-5678</p>
          <p style="margin-bottom:18px ;">9:00-18:00（仅收市话费）</p>
          <div class="human">
            <a href="">
              人工客服
            </a>
          </div>
          <div class="follow">
            <ul>
              <span style="margin-left: 80px;">关注小米:</span>
              <li>
            <a href="" >
             <div class="wb"><img src="./uploads/wb.png" alt="" ></div> 
         
            </a>
          </li>
          <li>
            <a href=""> 
            <div class="wx"> <img src="./uploads/wx.png" alt="" ></div> 
            <div class="hover-image"></div>
          </a>
        </li>
        </ul>
            <!-- <img src="./uploads/wx-img.png" alt="" style="display: block;width: 40px;height: 40px;"> -->
          </div>
        </div>
      </div>
      </div>
    </div>
  </div>
   <!-- 版权 -->
     <div class="info">
      <div class="wrapper">
        <!-- logo -->
        <div class="logo">
         <a href=""> 
          <img src="./images/logo-footer.png" alt=""> 
         </a>
        </div>
      <!-- 版权 -->
      <div class="info-text">
          
        <p>
          <!-- <ul></ul> -->
          <a href="">小米商城|</a>
          <a href="">MIUI|</a>
          <a href="">米家|</a>
          <a href="">米聊|</a>
          <a href="">多看|</a>
          <a href="">游戏|</a>
          <a href="">路由器|</a>
          <a href="">米粉卡|</a>
          <a href="">政企服务|</a>
          <a href="">小米天猫店|</a>
          <a href="">小米集团隐私政策|</a>
          <a href="">小米商城用户协议|</a>
          <a href="">问题反馈|</a>
        </p>
       <p>
        <a href=""> 京ICP证110507号</a>
        <a href="">京ICP备10046444号</a>
        <a href="">京公网安备11010802020134号 </a>
        <a href="">京网文[2020]0276-042号</a>
        <br>
        <a href="">（京）网械平台备字（2018）第00005号</a>
        <a href="">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
        <a href="">营业执照</a>
        <a href="">医疗器械公告</a>
        <br>
        <a href="">增值电信业务许可证</a>      
        网络食品经营备案 京食药网食备202010048  
        <a href="">食品经营许可证</a>
        <br>
        违法和不良信息举报电话：171-5104-4404 
        <a href="">知识产权侵权投诉</a>
        本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
       </p>
      </div>
  
      <div class="info-links">
        <ul>
          <li>
            <a href="">
              <img src="./uploads/10250.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10262.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10263.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10264.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10265.png" alt="">
            </a>
          </li>
          <li>
            <a href="">
              <img src="./uploads/10266.png" alt="">
            </a>
          </li>
        </ul>
      </div>
       <!-- 标语 -->
      <div class="by">
      </div>
      </div>
     </div>   
  </div>
 
</body>
<script type="text/javascript" src="./js/nav.js"></script>
<script type="text/javascript" src="./js/banner.js"></script>
</html>